/* page & prefers-color-scheme 解决白屏问题 */
@media (prefers-color-scheme: dark) {
	page {
		background: #000;
	}
}
page {
	background: #000;
}

// view怪异盒子处理
view,
input,
button,
scroll-view {
	box-sizing: border-box;
}

// 图片背景
image {
	display: inherit;
}
image {
	will-change: transform;
}
image.bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}

// 使用背景图
@mixin background-image($path: '') {
  background-size: 100% 100%;
}

.grayscale-disbaled {
	filter: grayscale(90%);
	-webkit-filter: grayscale(90%);
	-moz-filter: grayscale(90%);
	-ms-filter: grayscale(90%);
	-o-filter: grayscale(90%);
}

// 弹框蒙版
.model-mask {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.8);
	overflow: hidden;
	color: #fff;
}

// 置灰
.disabled {
	filter: grayscale(100%);
}

// 定位样式
.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}
.loadmore-txt{
	color: #ffffff;
}

// button 去掉按钮默认样式
button {
	height: auto; //支付宝需要加
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
	font-size: 28rpx;
	line-height: 1;
	color: #1c1c1c;
	background: none;
	border: none; //支付宝需要加
	border-radius: unset;
}
button::after {
	border: none;
}
// 去除小程序button点击时的默认背景色
.share-button {
	background: none;
}
.reset-button-css {
	border: 0;
	background-color: transparent !important;
	padding: 0;
	margin: 0;
	border-radius: 0;
	line-height: 1;
	overflow: visible;
}

.reset-button-css::after {
	content: '';
	display: none;
}

.trans-button {
	border: 0;
	background-color: transparent !important;
	padding: 0;
	margin: 0;
	overflow: visible;
	line-height: 1;
	border-radius: 0;
}

.trans-button::after {
	content: "";
	display: none;
}

// 定位元素水平、垂直居中
.absolute-center {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
// 文本水平居中
.text-center {
	text-align: center;
}
// 盒子水平居中
.margin-auto {
	margin: 0 auto;
}

.text-nowrap {
	white-space: nowrap;
}

// 单行文本省略号
.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* 两行 */
.mult-truncates {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden; //溢出内容隐藏
	text-overflow: ellipsis; //文本溢出部分用省略号表示
	display: -webkit-box; //特别显示模式
	-webkit-line-clamp: 2; //行数
	line-clamp: 2;
	-webkit-box-orient: vertical; //盒子中内容竖直排列
}

// 下划线
.line {
	width: 100%;
	// height: 1rpx;
	// background: #5E3F14;
	border: 2rpx solid #5E3F14;
	opacity: 0.5;
}

.uni-noticebar {
	padding: 0 !important;
	margin: 0 !important;
	height: 100%;
}
.uni-noticebar__content-text {
	line-height: 1 !important;
	font-size: inherit !important;
}
.uni-noticebar__content-wrapper--scrollable,
.uni-noticebar__content--scrollable,
.uni-noticebar__content-text--scrollable,
.uni-noticebar__content-text {
	height: 100% !important;
}

